﻿div[data-type="waiting"]
{
	position : relative !important;
	padding: 0px !important;
	display: block !important;
}

div[data-type="waiting"] > *
{
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-khtml-box-sizing: border-box !important;
	-o-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
	

.waiting_fxcircle_1
{
	background-color: rgba(0,0,0,0) !important;
	border:5px solid blue;
	opacity:.9 !important;
	border-top:5px solid rgba(0,0,0,0)!important;
	border-left:5px solid rgba(0,0,0,0)!important; 
	position:absolute !important;
	box-shadow: 0 0 35px blue;
	border-radius:100% !important;
	
	width:inherit;
	height:inherit;

	-moz-animation:waiting_fxcircle_spin .5s infinite linear;
	-webkit-animation:waiting_fxcircle_spin .5s infinite linear;
	-o-animation:waiting_fxcircle_spin .5s infinite linear;
	-ms-animation:waiting_fxcircle_spin .5s infinite linear;
	-khtml-animation:waiting_fxcircle_spin .5s infinite linear;
	animation:waiting_fxcircle_spin .5s infinite linear;


	border-right-width: 5px !important;
	border-right-style: solid !important;
	
	border-bottom-width: 5px !important;
	border-bottom-width: solid !important;
}


.waiting_fxcircle_2
{
	background-color: rgba(0,0,0,0) !important;
	border:3px solid blue;
	opacity:.9 !important;
	border-top:3px solid rgba(0,0,0,0) !important;
	border-left:3px solid rgba(0,0,0,0) !important;
	border-radius:100% !important;
	box-shadow: 0 0 15px blue; 
	
	width:60% !important;
	height:60% !important;
	
	position: absolute !important;
	top: 20% !important;
	left: 20% !important;
	
	-moz-animation:waiting_fxcircle_spinoff .5s infinite linear;
	-webkit-animation:waiting_fxcircle_spinoff .5s infinite linear;
	-o-animation:waiting_fxcircle_spinoff .5s infinite linear;
	-ms-animation:waiting_fxcircle_spinoff .5s infinite linear;
	-khtml-animation:waiting_fxcircle_spinoff .5s infinite linear;
	animation:waiting_fxcircle_spinoff .5s infinite linear;

	border-right-width: 3px !important;
	border-right-style: solid !important;
	
	border-bottom-width: 3px !important;
	border-bottom-width: solid !important;
}

@-moz-keyframes waiting_fxcircle_spin
{
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}

@-moz-keyframes waiting_fxcircle_spinoff
{
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(-360deg); }
}

@-webkit-keyframes waiting_fxcircle_spin
{
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}

@-webkit-keyframes waiting_fxcircle_spinoff
{
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(-360deg); }
}

@-o-keyframes waiting_fxcircle_spin
{
	0% { -o-transform:rotate(0deg); }
	100% { -o-transform:rotate(360deg); }
}

@-o-keyframes waiting_fxcircle_spinoff
{
	0% { -o-transform:rotate(0deg); }
	100% { -o-transform:rotate(-360deg); }
}

@-khtml-keyframes waiting_fxcircle_spin
{
	0% { -khtml-transform:rotate(0deg); }
	100% { -khtml-transform:rotate(360deg); }
}

@-khtml-keyframes waiting_fxcircle_spinoff
{
	0% { -khtml-transform:rotate(0deg); }
	100% { -khtml-transform:rotate(-360deg); }
}

@-moz-keyframes waiting_fxcircle_spin
{
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}

@-moz-keyframes waiting_fxcircle_spinoff
{
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(-360deg); }
}

@-ms-keyframes waiting_fxcircle_spin
{
	0% { -ms-transform:rotate(0deg); }
	100% { -ms-transform:rotate(360deg); }
}

@-ms-keyframes waiting_fxcircle_spinoff
{
	0% { -ms-transform:rotate(0deg); }
	100% { -ms-transform:rotate(-360deg); }
}

@-moz-keyframes waiting_fxcircle_spin
{
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}

@-moz-keyframes waiting_fxcircle_spinoff
{
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(-360deg); }
}

@keyframes waiting_fxcircle_spin
{
	0% { transform:rotate(0deg); }
	100% { transform:rotate(360deg); }
}

@keyframes waiting_fxcircle_spinoff
{
	0% { transform:rotate(0deg); }
	100% { transform:rotate(-360deg); }
}


/* --------------------------------------- */

.waiting_fxcircle2_1 {
	background-color: rgba(0,0,0,0) !important;
	border:5px solid blue;
	opacity:.9 !important;
	border-right:5px solid rgba(0,0,0,0) !important;
	border-left:5px solid rgba(0,0,0,0) !important;
	border-radius:100% !important;
	box-shadow: 0 0 35px blue;
	width:inherit;
	height:inherit;
	position:absolute !important;

	-moz-animation:waiting_fxcircle2_spinPulse 1s infinite ease-in-out;
	-webkit-animation:waiting_fxcircle2_spinPulse 1s infinite linear;
	-o-animation:waiting_fxcircle2_spinPulse 1s infinite ease-in-out;
	animation:waiting_fxcircle2_spinPulse 1s infinite linear;


	border-top-width:5px !important;
	border-top-style: solid !important;
	
	border-bottom-width:5px !important;
	border-bottom-style: solid !important;
}


.waiting_fxcircle2_2  {
	background-color: rgba(0,0,0,0) !important;
	border:3px solid blue;
	opacity:.9 !important;
	border-left:3px solid rgba(0,0,0,0) !important;
	border-right:3px solid rgba(0,0,0,0) !important;
	border-radius:100% !important;
	box-shadow: 0 0 15px blue; 

	width:60% !important;
	height:60% !important;

	position: absolute !important;
	top: 20% !important;
	left: 20% !important;

	border-top-width:3px !important;
	border-top-style: solid !important;
	
	border-bottom-width:3px !important;
	border-bottom-style: solid !important;

	-moz-animation:waiting_fxcircle2_spinoffPulse 1s infinite linear;
	-webkit-animation:waiting_fxcircle2_spinoffPulse 1s infinite linear;
	-o-animation:waiting_fxcircle2_spinoffPulse 1s infinite linear;
	animation:waiting_fxcircle2_spinoffPulse 1s infinite linear;

}

@-moz-keyframes waiting_fxcircle2_spinPulse {
	0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px inherit;}
	50% { -moz-transform:rotate(145deg); opacity:1; }
	100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes waiting_fxcircle2_spinoffPulse {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes waiting_fxcircle2_spinPulse {
	0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px inherit; }
	50% { -webkit-transform:rotate(145deg); opacity:1;}
	100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes waiting_fxcircle2_spinoffPulse {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}

@-o-keyframes waiting_fxcircle2_spinPulse {
	0% { -o-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px inherit;}
	50% { -o-transform:rotate(145deg); opacity:1; }
	100% { -o-transform:rotate(-320deg); opacity:0; }
}

@-o-keyframes waiting_fxcircle2_spinoffPulse {
	0% { -o-transform:rotate(0deg); }
	100% { -o-transform:rotate(360deg);  }
}

@keyframes waiting_fxcircle2_spinPulse {
	0% { transform:rotate(160deg); opacity:0; box-shadow:0 0 1px inherit; }
	50% { transform:rotate(145deg); opacity:1;}
	100% { transform:rotate(-320deg); opacity:0; }
}

@keyframes waiting_fxcircle2_spinoffPulse {
	0% { transform:rotate(0deg); }
	100% { transform:rotate(360deg); }
}



/*-------------------*/

div[data-type="waiting"] .waiting_fxbar {
	background-color:blue;  

	/*
	background-image: -moz-linear-gradient(45deg, #2187e7 25%, #a0eaff); 
	background-image: -webkit-linear-gradient(45deg, #2187e7 25%, #a0eaff);
	*/

	border-left:1px solid #111 !important;
	border-top:1px solid #111 !important;
	border-right:1px solid #333 !important;
	border-bottom:1px solid #333 !important; 
	position:static !important;
	width:15% !important;
	height:inherit;
	display: inline-block !important;
	margin-left:5% !important;
	float: left !important;
	opacity:0.1 !important;
	-moz-transform:scale(0.7) !important;
	-webkit-transform:scale(0.7) !important;
	-moz-animation:waiting_fxbar_move 1s infinite linear;
	-webkit-animation:waiting_fxbar_move 1s infinite linear;
	
	-o-transform:scale(0.7) !important;
	-khtml-transform:scale(0.7) !important;
	-o-animation:waiting_fxbar_move 1s infinite linear;
	-khtml-animation:waiting_fxbar_move 1s infinite linear;

	-ms-transform:scale(0.7) !important;
	transform:scale(0.7) !important;
	-ms-animation:waiting_fxbar_move 1s infinite linear;
	animation:waiting_fxbar_move 1s infinite linear;
}

#waiting_fxbar_1{
 	-moz-animation-delay: .4s;
	-webkit-animation-delay: .4s;
 	-o-animation-delay: .4s;
	-khtml-animation-delay: .4s;
 	-ms-animation-delay: .4s;
	animation-delay: .4s;
}
#waiting_fxbar_2{
 	-moz-animation-delay: .3s;
	-webkit-animation-delay: .3s;
 	-o-animation-delay: .3s;
	-khtml-animation-delay: .3s;
 	-ms-animation-delay: .3s;
	animation-delay: .3s;
}
#waiting_fxbar_3{
 	-moz-animation-delay: .2s;
	-webkit-animation-delay: .2s;
 	-o-animation-delay: .2s;
	-khtml-animation-delay: .2s;
 	-ms-animation-delay: .2s;
	animation-delay: .2s;
}
#waiting_fxbar_4{
 	-moz-animation-delay: .3s;
	-webkit-animation-delay: .3s;
 	-o-animation-delay: .3s;
	-khtml-animation-delay: .3s;
 	-ms-animation-delay: .3s;
	animation-delay: .3s;
}
#waiting_fxbar_5{
 	-moz-animation-delay: .4s;
	-webkit-animation-delay: .4s;
 	-o-animation-delay: .4s;
	-khtml-animation-delay: .4s;
 	-ms-animation-delay: .4s;
	animation-delay: .4s;
}
@-moz-keyframes waiting_fxbar_move{
	0%{-moz-transform: scale(1.2);opacity:1;}
	100%{-moz-transform: scale(0.7);opacity:0.1;}
}
@-webkit-keyframes waiting_fxbar_move{
	0%{-webkit-transform: scale(1.2);opacity:1;}
	100%{-webkit-transform: scale(0.7);opacity:0.1;}
}

@-o-keyframes waiting_fxbar_move{
	0%{-o-transform: scale(1.2);opacity:1;}
	100%{-o-transform: scale(0.7);opacity:0.1;}
}
@-ms-keyframes waiting_fxbar_move{
	0%{-ms-transform: scale(1.2);opacity:1;}
	100%{-ms-transform: scale(0.7);opacity:0.1;}
}
@keyframes waiting_fxbar_move{
	0%{transform: scale(1.2);opacity:1;}
	100%{transform: scale(0.7);opacity:0.1;}
}


/*-------------------*/

div[data-type="waiting"] .waiting_fxopodo {
	background-color:blue;  
	/*
	background-image: -moz-linear-gradient(45deg, #2187e7 25%, #a0eaff); 
	background-image: -webkit-linear-gradient(45deg, #2187e7 25%, #a0eaff);
	*/
	border-left:1px solid #111 !important;
	border-top:1px solid #111 !important;
	border-right:1px solid #333 !important;
	border-bottom:1px solid #333 !important; 
	position:static !important;
	width:15% !important;
	height:inherit;
	display: inline-block !important;
	margin-left:5% !important;
	float: left !important;
	opacity:0.1;
	 /* Ajouter des bords arrondis */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	

	-moz-animation:waiting_fxopodo_move 1.5s infinite linear;
	-webkit-animation:waiting_fxopodo_move 1.5s infinite linear;
	-o-animation:waiting_fxopodo_move 1.5s infinite linear;
	-khtml-animation:waiting_fxopodo_move 1.5s infinite linear;
	-ms-animation:waiting_fxopodo_move 1.5s infinite linear;
	animation:waiting_fxopodo_move 1.5s infinite linear;
}

#waiting_fxopodo_2{
 	-moz-animation-delay: .2s;
	-webkit-animation-delay: .2s;
 	-o-animation-delay: .2s;
	-khtml-animation-delay: .2s;
 	-ms-animation-delay: .2s;
	animation-delay: .2s;
}

#waiting_fxopodo_3{
 	-moz-animation-delay: .4s;
	-webkit-animation-delay: .4s;
 	-o-animation-delay: .4s;
	-khtml-animation-delay: .4s;
 	-ms-animation-delay: .4s;
	animation-delay: .4s;
}
#waiting_fxopodo_4{
 	-moz-animation-delay: .6s;
	-webkit-animation-delay: .6s;
 	-o-animation-delay: .6s;
	-khtml-animation-delay: .6s;
 	-ms-animation-delay: .6s;
	animation-delay: .6s;
}
#waiting_fxopodo_5{
 	-moz-animation-delay: .8s;
	-webkit-animation-delay: .8s;
 	-o-animation-delay: .8s;
	-khtml-animation-delay: .8s;
 	-ms-animation-delay: .8s;
	animation-delay: .8s;
}

@-moz-keyframes waiting_fxopodo_move{
  0%  { opacity: 0; -moz-transform: scale(0); }
  30% { opacity: 1; -moz-transform: scale(1); }
  60% { opacity: 0; -moz-transform: scale(0); }
}

@-webkit-keyframes waiting_fxopodo_move{
  0%  { opacity: 0; -webkit-transform: scale(0); }
  30% { opacity: 1; -webkit-transform: scale(1); }
  60% { opacity: 0; -webkit-transform: scale(0); }
}

@-o-keyframes waiting_fxopodo_move{
  0%  { opacity: 0; -o-transform: scale(0); }
  30% { opacity: 1; -o-transform: scale(1); }
  60% { opacity: 0; -o-transform: scale(0); }
}
@-ms-keyframes waiting_fxopodo_move{
  0%  { opacity: 0; -ms-transform: scale(0); }
  30% { opacity: 1; -ms-transform: scale(1); }
  60% { opacity: 0; -ms-transform: scale(0); }
}
@keyframes waiting_fxopodo_move{
  0%  { opacity: 0; transform: scale(0); }
  30% { opacity: 1; transform: scale(1); }
  60% { opacity: 0; transform: scale(0); }
}